@charset "utf-8";
/* CSS Document */


/*全局-------------------*/
body, div, span, ul, li, ol, dl, dt, dd, em, i, h1, h2, h3, h4, h5, h6, p, input, a, img, button
{
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}

em, i
{
    font-style: normal;
}

html
{
    font-size: 20px;
    line-height: 1.35rem;
}

body
{
    font-family: "微软雅黑", Tahoma;
    color: #000;
    max-width: 640px;
    margin: 0 auto;
    background: #99080f;
}

img
{
    width: 100%;
    display: block;
}

input[type="button"]
{
    -webkit-appearance: none;
}

a
{
    color: #000;
    text-decoration: none;
}

.bbg
{
    padding: 0.5rem 2%;
    background: #202020;
    margin-top: 0.75rem;
}

.bbg p
{
    font-size: 0.7rem;
    text-align: center;
    line-height: 1.35rem;
    color: #fff;
}

.wxc
{
    position: relative;
}

.wxc a
{
    display: block;
    width: 40%;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -20%;
    animation: tada 1s both infinite;
    -webkit-animation: tada 1s both infinite;
}

.wxcc
{
}

.wxcc ul
{
    margin-top: 1rem;
    padding: 0 2%;
}

.wxcc li
{
    position: relative;
    margin-bottom: 0.5rem;
}

.wxcc li:nth-child(1) dd
{
    padding-top: 1.2rem;
}

.wxcc li dl
{
    overflow: hidden;
    position: absolute;
    width: 84%;
    left: 8%;
    top: 15%;
}

.wxcc li dt
{
    float: left;
    width: 5.625rem;
    height: 5.625rem;
    background: #fff;
    border-radius: 50%;
    color: #ff0000;
    font-size: 3.3rem;
    text-align: center;
    line-height: 5.625rem;
    font-weight: bold;
}

.wxcc li dd
{
    float: left;
    color: #6f2c04;
    margin-left: 1.5rem;
    padding-top: 0.5rem;
}

.wxcc li dd p
{
    font-size: 1rem;
    line-height: 1.35rem;
}

.wxcc li dd p b
{
    line-height: 1.5rem;
}

.wxcx
{
    margin-top: 0.5rem;
}

.wxcx div
{
    padding: 0 2%;
    margin-top: 0.75rem;
}

.wxcx table
{
    width: 100%;
}

.wxcx th
{
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
    background: #743930;
    line-height: 2.5rem;
}

.wxcx td
{
    font-size: 0.75rem;
    text-align: center;
    line-height: 2rem;
    color: #666464;
    background: #fff;
}

.wxcx tr:nth-child(3) td
{
    border-top: 2px solid #ad8b7b;
    border-bottom: 2px solid #ad8b7b;
    background: #f7f5e0;
}

.wxcx p
{
    font-size: 0.667rem;
    text-align: right;
    line-height: 1.2rem;
    color: #fff;
}

.whbut
{
    /*margin-top: 0.75rem;*/
}

.whbut_p
{
    color: #fed700;
    text-align: center;
    font-size: 1rem;
    line-height: 1.75rem;
}
.whbut_p span{
  color:#fed700;
}

.whbut p:nth-child(3)
{
    font-size: 0.8rem;
}

.whbut span
{
    display: block;
    width: 80%;
    margin: 0 auto;
    background: #fed700;
    overflow: hidden;
    border-bottom: 0.25rem solid #e4c100;
    border-radius: 0.5rem;
}

.whbut span em
{
    float: left;
    color: #764500;
    font-size: 1.1rem;
    display: block;
    background: url(../images/zw.png) no-repeat center;
    background-size: 90%;
    line-height: 3rem;
    text-align: center;
    border-right: 1px solid #fee765;
    width: 30%;
}

.whbut span code
{
    font-size: 1.5rem;
    line-height: 3rem;
    display: block;
    border-left: 1px solid #ad995f;
    text-align: center;
}

/*#wht{ position: fixed; width: 100%; height: 100%; top:0; left:0; display: none;}
.wht{ max-width: 640px; margin: 0 auto; position: relative; height: 100%;}
.whtbg{ background: rgba(0,0,0,.7); position: absolute; width: 100%; height: 100%; z-index: 1; top:0; left: 0;}
.whtc{position: absolute; z-index: 2; top:8%; width: 90%;left:5%;}
.whtcc{ padding: 1rem 1.5rem 0;background: #bc1c1b;border-radius: 1rem;}
.whtc1 p{font-size:0.8rem; text-align: center; color: #fff100; line-height: 1.5rem;}
.whtc1 span{display: block; height: 3rem; background: #fff100; text-align: center; line-height: 3rem;border-bottom: 0.2rem solid #820c0b; border-radius: 0.5rem;}
.whtc1 span code{font-size:1.5rem; color: #7b0504;}
.whtc2{padding:0.8rem 0;}
.whtc2 p{font-size: 0.8rem; color: #fff; line-height: 1.75rem; text-align: center;}
.whtc2 p i{font-size: 0.9rem; color: #fff100;}
.whtc2 span{display: block; text-align: center; line-height: 1.5rem;}
.whtc2 span em{font-size: 0.7rem; color: #de5c5b; text-decoration: underline;}
.wxal{ position: fixed; width: 4rem; top:30%; right:0.25rem; z-index: 1;}*/
/*#wxtc{ position: fixed; width: 100%; height: 100%; z-index: 5; top:0; left: 0; display: none;}
.wxtc{max-width: 640px; margin: 0 auto; position: relative;  height: 100%;}
.wxtcxbg{background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 4;}
.wxtcx{ padding:1rem 3%; margin:0 3%; width: 88%; left:0; top:30%; position: absolute; z-index: 5; background: #fff; border: 1px solid #ff0505; border-radius: 1rem;}
.wxtcx .whbut{margin: 0;}
.wxtcx .whbut p{ color: #ff0505;}
.wxtcx .whbut div{overflow: hidden;}
.wxtcx .whbut div a{display: block; font-size: 1rem; text-align: center; width: 1.5rem; height:1.5rem; line-height: 1.5rem; background: #ee0a3d; color: #fff; float: right; border-radius: 0.25rem;}
*/
.rwb
{
    position: fixed;
    background: #E02828;
    width: 90%;
    left: 0;
    bottom: 0;
    padding: 0 5%;
}

.rwb p
{
    font-size: 1rem;
    color: #fff;
    text-align: center;
    line-height: 1.5rem;
}

.rwb p b
{
    color: #f3ec26;
}

.whtc2
{
    padding: 0.8rem 0;
}

.whtc2 p
{
    font-size: 1.1rem;
    color: #fff;
    line-height: 3rem;
    text-align: left;
    margin-left: 0.3rem;
}

.whtc2 p i
{
    font-size: 0.9rem;
    color: #fff100;
}

.whtc2 span em
{
    font-size: 0.7rem;
    color: #de5c5b;
    text-decoration: underline;
}

.whtcc1 p, .whtcc2 p
{
    padding-left: 10%;
    font-weight: bold;
    text-align: left !important;
}

.whtcc1 em, .whtcc2 em
{
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: #000;
    font-size: 1.1rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: 1.5rem;
    font-weight: bold;
    margin-right: 0.5rem;
}

.whtcc1, .whtcc2
{
    font-size: 1.1rem;
    color: #352f30;
    line-height: 1.5rem;
}

.whtcc2 a
{
    text-decoration: underline;
    color: #1067e9;
}

.rwb .whtc2
{
    padding: 0;
}

.rwb .whtc2 p
{
    font-size: 0.8rem;
    line-height: 1rem;
    padding-left: 24%;
    margin-top: 0.5rem;
}

.rwb .whtcc1 em, .whtcc2 em
{
    color: #fff;
    background: #000;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.wxal
{
    position: fixed;
    width: 4rem;
    top: 30%;
    right: 0.25rem;
    z-index: 3;
}


#wxtc
{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    display: none;
}

.wxtc
{
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.wxtcxbg
{
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.wxtcx
{
    padding: 0 3%;
    width: 94%;
    left: 0;
    top: 30%;
    position: absolute;
    z-index: 5;
}

.wxtcx .but
{
    background: #fff;
    border: 1px solid #5e5655;
    border-radius: 0.5rem;
    padding: 0.5rem 3%;
    box-shadow: 0 0 0.5rem #ee0a3d;
    margin-top: 0;
}

.wxtcx .but p
{
    font-size: 1.1rem;
    text-align: center;
    color: #f00;
    line-height: 2rem;
}

.wxtcx .but span
{
    width: 80%;
}

.wxtcx .but p i
{
    font-size: 0.8rem;
}

.wxtcx .but div
{
    overflow: hidden;
}

.wxtcx .but div .close
{
    display: block;
    font-size: 1rem;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #ee0a3d;
    color: #fff;
    float: right;
    border-radius: 0.25rem;
}

.but
{
    padding: 0 3%;
    margin-top: 0.8rem;
}

.but p b
{
    color: #fd0202;
}

.but p
{
    font-size: 1.08rem;
    line-height: 1.35rem;
    text-align: center;
}

.but .ps
{
    font-size: 0.8rem;
    line-height: 1rem;
    line-height: 1.5rem;
}

.but span
{
    display: block;
    line-height: 3.25rem;
    text-align: center;
    border-bottom: 0.2rem solid #4b0202;
    border-radius: 1.625rem;
    background: #ae0202;
    margin: 0.3rem auto 0;
    position: relative;
    width: 80%;
}

.but span code
{
    color: #dfd517;
    font-weight: bold;
    font-size: 1.7rem;
}


#wht
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.wht
{
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.whtbg
{
    background: rgba(0,0,0,.7);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.whtc
{
    position: absolute;
    z-index: 2;
    top: 8%;
    width: 90%;
    left: 5%;
}

.whtcc
{
    padding: 0 1.5rem;
    background: #bc1c1b;
    border-radius: 0 0 1rem 1rem;
}

.whtcc p.ps
{
    font-size: 0.8rem;
    text-align: center;
    color: #fff100;
    line-height: 1.5rem;
}

.whtc1 span
{
    display: block;
    height: 3.5rem;
    padding-top:0.5rem;
    background: #fff100;
    text-align: center;
    line-height: 3rem;
    border-bottom: 0.2rem solid #820c0b;
    border-radius: 0.5rem;
}

.whtc1 span code
{
    font-size: 1.5rem;
    color: #7b0504;
}

.whtc2
{
    padding: 0.8rem 0;
}

.whtc2 p
{
    font-size: 1.1rem;
    color: #fff;
    line-height: 3rem;
    text-align: left;
    margin-left: 0.3rem;
}

.whtc2 p i
{
    font-size: 0.9rem;
    color: #fff100;
}

.whtc2 span
{
    display: block;
    text-align: center;
    line-height: 1.5rem;
}

.whtc2 span em
{
    font-size: 0.7rem;
    color: #de5c5b;
    text-decoration: underline;
}

.wxal
{
    position: fixed;
    width: 4rem;
    top: 30%;
    right: 0.25rem;
    z-index: 1;
}

#wxtc
{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    display: none;
}

.wxtc
{
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.wxtcxbg
{
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.wxtcx
{
    padding: 1rem 3%;
    margin: 0 3%;
    width: 88%;
    left: 0;
    top: 30%;
    position: absolute;
    z-index: 5;
    background: #fff;
    border: 1px solid #ff0505;
    border-radius: 1rem;
}

.wxtcx .whbut
{
    margin: 0;
}

.wxtcx .whbut p
{
    color: #ff0505;
}

.wxtcx .whbut div
{
    overflow: hidden;
}

.wxtcx .whbut div a
{
    display: block;
    font-size: 1rem;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #ee0a3d;
    color: #fff;
    float: right;
    border-radius: 0.25rem;
}

.whtcc1 p, .whtcc2 p
{
    padding-left: 10%;
    font-weight: bold;
}

.whtcc1 em, .whtcc2 em
{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    font-size: 1.1rem;
    text-align: center;
    border-radius: 50%;
    color: #ea222c;
    line-height: 2rem;
    font-weight: bold;
    margin-right: 0.5rem;
}

.whtcc1, .whtcc2
{
    font-size: 1.1rem;
    color: #352f30;
    line-height: 1.5rem;
}

.whtcc2 a
{
    text-decoration: underline;
    color: #1067e9;
}


@-webkit-keyframes tada
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20%
    {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90%
    {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80%
    {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100%
    {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada
{
    0%
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20%
    {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90%
    {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80%
    {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100%
    {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}